<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>9.24作业</title>
    <link rel="stylesheet" href="./css/9.24.css">
</head>
<body>
    <header>
        <div>
        <img src="./day4/images/logo.png" alt="" class="logo">
        <!-- 搜索框 -->
        <img src="./day4/images/search-bg.jpg" alt="" class="sousuokuang">
        <!-- 放大镜 -->
        <img src="./day4/images/search-icon.png" alt="" class="fdj">
        <span>Secrch...</span>
        </div>
    </header>
    <nav>
        <img src="./day4/images/menu-bg.jpg" alt="">
        <!-- 竖杠 -->
        <img src="./day4/images/menu-row-tail.gif" alt="" class="sg">
        <img src="./day4/images/menu-row-tail.gif" alt="" class="sg2">
        <img src="./day4/images/menu-row-tail.gif" alt="" class="sg3">
        <img src="./day4/images/menu-row-tail.gif" alt="" class="sg4">
        <img src="./day4/images/menu-row-tail.gif" alt="" class="sg5">
        <img src="./day4/images/menu-row-tail.gif" alt="" class="sg6">
        <ul>
            <li>HOME PAGE</li>
            <li>OUR COMPANY</li>
            <li>OUR SERMKES</li>
            <li>OUR PROJECTS</li>
            <li>CONTACT US</li>
        </ul>
    </nav>
    <aside>
        <img src="./day4/images/center-shadow.png" alt="">
        <img src="./day4/images/gallery-img2.png" alt="">
        <img src="./day4/images/gallery-img1.png" alt="">
        <img src="./day4/images/gallery-img3.png" alt="">
    </aside>
    <article>
        <section>
            <!-- 第一段 -->
            <div class="dyd">
            <h1>Welcome! Why Choose Us?</h1>
            <p>Consulting is one of <ins class="b">free website templates</ins> created by TemplateMonster.com</p>
            <p>team.This website template is optimized for 1280X1024 screen resolution. It</p>
            <p>is also XHTML & css valid.</p>
            </div>
            <!-- 左上地球 -->
            <div class="dq">
                <img src="./day4/images/page1-img1.png" alt="">
                <div>
                    <p class="b">STARTING UP</p>
                    <span>How-to</span>
                </div>  
            </div>
            
            <!-- 右上手机 -->
            <div class="sj">
                <img src="./day4/images/page1-img2.png" alt="">
                <div>
                    <p class="b">DEvELOPNENT</p>
                    <span>Strategies</span>
                </div>
            </div>
            <!-- 左上地球下的文字 -->
            <div class="dqwz">
                <p>This <ins>Consulting Template</ins> goes with two</p>
                <p>packages - with PSD source files and</p>
                <p>without them.</p>
                <ins class="b">Know More </ins>
                <img src="./day4/images/marker-1.gif" alt="">
            </div>
            <!-- 右上手机下的文字 -->
            <div class="sjwz">
                <p>PSD source files of this Consulting Template</p>
                <p>are available for free for the registered</p>
                <p>members of TemplateMonster.com.</p>
                <ins class="b">Know More </ins>
                <img src="./day4/images/marker-1.gif" alt="">
            </div>
            <!-- 左下时钟 -->
            <div class="sz">
                <img src="./day4/images/page1-img3.png" alt="">
                <div>
                    <p class="b">PLANNING</p>
                    <span>Need Help?</span>
                </div>
            </div>
            <!-- 右下电脑 -->
            <div class="dn">
                <img src="./day4/images/page1-img4.png" alt="">
                <div><p class="b">INTEGRATION</p>
                    <span>Exploit your ideas</span>
                </div>
                
            </div>
            <!-- 时钟下文字 -->
            <div class="szwz">
                <p>The basic package of this Consulting</p>
                <p>Template (without PSD source) is available</p>
                <p>for anyone without registration.</p>
                <ins class="b">Know More </ins>
                <img src="./day4/images/marker-1.gif" alt="">
            </div>
            <!-- 电脑下文字 -->
            <div class="dnwz">
                <p>This template has several pages: <ins>Home</ins>,</p>
                <p><ins>pany,Services, Projects, Contacts</ins> (note</p>
                <p>that contact us form - doesn't work).</p>
                <ins class="b">Know More </ins>
                <img src="./day4/images/marker-1.gif" alt="">
            </div>
        </section>
        <!-- 右边打电话的人 -->
        <aside class="you">
            <h1>Testimonials</h1>
            <img src="./day4/images/page1-img5.jpg" alt="">
            <div>
                <p>Dirctor</p> 
                <p class="b">MARY RYAN</p>
                <p>Ut vero eos et accusamus et iusto</p>
                <p>odio dignissimos ducimus qui</p>
                <p>blanditiis praesentium voluptatum</p>
                <p>atque corrupu...</p>
                <ins class="b">Read More</ins>
                <img src="./day4/images/marker-1.gif" alt="">
            </div>
        </aside>
        <!-- 右边第二个胡子男 -->
        <aside>
            <div class="hzn">
                <img src="day4/images/page1-img6.jpg">
                <p>Senior assistant</p>
                <span class="b">BILL JOEL</span>
            </div>
            <!-- 胡子男旁边文字 -->
            <div class="hznwz">
                <p>Ut vero eos et accusamus et iusto</p>
                <p>odio dignissimos ducimus qui</p>
                <p>blanditiis praesentium voluptatum</p>
                <p>atque corrupi..-</p>
                <ins class="b">Read More</ins>
                <img src="./day4/images/marker-1.gif" alt="">
            </div>
        </aside>
        <!-- 右边第三个男 -->
        <aside>
            <div class="dsn">
                <img src="./day4/images/page1-img7.jpg" alt="">
                <p>Junior researcher</p>
                <span class="b">MICHAEL ANDERSON</span>
            </div>
            <div class="dsnwz">
                <p>Ut vero eos et accusamus et iusto</p>
                <p>odio dignissimos ducimus qui</p>
                <p>blanditiis praesentium voluptatum</p>
                <p>atque corrupti...</p>
                <ins class="b">Read Mpre</ins>
                <img src="./day4/images/marker-1.gif" alt="">
            </div>
        </aside>
    </article>
    <footer>
        <!-- 下左盒子 -->
        <div class="xz">
            <div><p>CONTACT FORM:</p></div>
            <div><p class="p2">Subjeck</p></div>
            <div><p class="p2">Email</p></div>
            <div><p class="p2">Message</p></div>
            <!-- 第一个方框 -->
            <div class="dyfk"></div>
            <!-- 第二方框 -->
            <div class="drfk"></div>
            <!-- 第三方框 -->
            <div class="dsfk"></div>
            <ins class="b">Clear</ins>
            <ins class="b">Send</ins>
        </div>
        <!-- 下右 -->
        <div class="xy">
            <p>LINK TO US:</p>
            <img src="./day4/images/social-icons.png" alt="" class="yxtp1">
            <div class="xywz">
                <span>FACEBOOK</span>
                <span>TWITTER</span>
                <span>PICASSA</span>
                <span>YOU TUBE</span>
            </div>
            <div class="yxwz2">
                <p>Consulting.comc 2011</p>
                <p>Website Template by TemplateMonster.com</p>
                <p>Professional free web templates at</p>
                <a href="wwwe bsit etemplates online.com.">wwwe bsit etemplates online.com.l</a>
            </div>
        </div>
    </footer>
</body>
</html>